*{margin: 0;padding: 0}
html{background: #f2f2f2;/*height: 100%;overflow: hidden;*/}
body{font-family: "寰蒋闆呴粦";font-size: 100%;color: #ADADAD}
ul{list-style: none;}

}

body{text-align:center} #divcss5{margin:0 auto}

.head_wrap{
	position: fixed;
	width: 100%;
	z-index: 350;
	height: 120px;
	top: 0;
 
}
.head{
	vertical-align: top;
	background: rgb(0,0,0);height: 75px;width:100%;opacity: 0.75;
	filter:alpha(opacity=75);
	padding-top: 15px;position: relative;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	text-align: center;
	padding-bottom: 30px;
}
.logo{text-align: left;
	height: 80px;
	width: 80px;
}
.bar{
	position: absolute;
	color: #708D9B;
	font-size: 0.9em;
	bottom: 10px;
	font-family: HUM521L;
	width: 100%;
}
.li{
	width: 80%;
	text-align: left;	
	margin:auto;
	min-width: 320px;}
.li a{	/*float: left;*/
	/*display: inline-block;*/
	/*margin: 0 5% 0 5%;*/
	color: #CFCFCF;
	text-decoration: none;
	margin-left: 15%;
}
.li a:hover{
	color: gold;
}
}
.li .active{
	color: #ffffff;
}


.banner { width: 1000px; height: 500px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
.banner .img {position: absolute; left: 0px; top: 0; } /*图片样式*/
.banner .img li { float: left; } /*图片样式*/
.banner .img img { width: 550px; }



div.img
  {overflow: hidden; position: relative; margin-left: auto; margin-right: auto;
  margin:3px;
  border:1px solid #bebebe;
  height:500px;
  width:500px;
  float:left;
  text-align:center;
  box-shadow: 10px 10px 5px #CCCCCC;
  }

div.img img
  {
  display:inline;
  margin:5px;
  border:1px solid #bebebe;
  }
div.img a:hover img
  {
  border:1px solid #333333;
  box-shadow:0px 0px 10px 10px #DDDDDD;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:100%;
  font-size:12px;
  margin:10px 5px 10px 5px;
  }
  

 @media screen and (max-width: 480px){
.img{
	margin-top: -20px;
}
.work_title{font-size: 20px;}

.content .con:nth-child(n){

	width: 48%;

	margin-top: 2%;

	margin-left: 4%;

	margin-right: 0;

}

.content .con:nth-child(2n+1){

	margin-left: 0;

}
.footer{
	background: #e0e0e0;position:relative;
	width: 100%;margin-top: 40px;padding-top: 10px;
	padding-bottom: 10px;
	text-shadow:1px 1px 1px white;
	color: #666666;
	overflow: hidden;
}